<style>
    * {margin: 0;padding: 0;}
body {background: rgb(131, 131, 131)}
.top-1 {margin: 20px 0 10px 20px;}
span {color: white;font-size: 20px}
.ckhl {display: inline-block;margin: 0 10px 0 80px;background: white;width: 70px;line-height: 20px;text-align: center;font-size: 10px}
b {font-size: 12px;color: white}
.content {height: 500px;margin: 20px;background: white;border-radius: 5%;}
.content1 {height: 500px;margin: 20px;background: white;border-radius: 5%;}
.foter-1 {height: 65px;}
.foter {display: flex;justify-content: space-around;align-items: flex-end;font-size: 10px;position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;background: white;}
.content1-1 {padding: 40px 0 0 0}
.content-1 {width: 250px;height: 30px;margin: 0 auto;border: 1px solid #cccccc;display: flex;align-items: center;}
.select-1 {border: none;height: 30px;}
.xian {display: inline-block;height: 20px;border-left: 1px solid #cccccc;margin: 0 80px 0 0;}
input {width: 105px;border: none;height: 30px;}
.img1 {height: 20px;padding: 5px 30px 0 0;}
.img2 {height: 20px;width: 15px;}
.img3 {width: 25px;height: 25px;display: block;margin: 30px auto;}
.ft-img {width: 30px;height: 50px;text-align: center}
.img-ft {width: 30px;height: 30px;}
.ft-img1 {width: 50px;height: 60px;text-align: center;font-size: 5px}
.img-ft1 {width: 50px;height: 45px;}
.img-jdt {display: block;width: 270px;margin: 100px auto}
.img-jdt1 {display: block;width: 190px;position: absolute;left: 5px;top: 15px}
.jindu { height: 35px; position: relative; width: 220px; margin: 0 auto}
.ig {position: absolute;left: 0;top: 0;z-index: 5;border-radius: 50%;width: 32px;}
.ig1 {position: absolute;left: 55px;top: 8px;z-index: 5;border-radius: 50%}
.ig2 {position: absolute;left: 100px;top: 7px;z-index: 5;border-radius: 50%}
.ig3 {position: absolute;left: 150px;top: 6px;z-index: 5;border-radius: 50%}
.ig4 {position: absolute;right: 0;top: 3px;z-index: 5;border-radius: 50%;width: 25px}
.duihuan {width: 200px;background: #1712ee;line-height: 30px;text-align: center;color: white;margin: 0 auto;border-radius: 2%;}
.duihuan1 {display: flex;justify-content: space-between;margin: 0 0 0 25px;width: 230px;}
.lishi {display: block;margin: 0 60px;color: white;font-size: 20px}
.mv-content{margin: 0;}
.content1-2{height: 200px;margin: 20px;background: #e0e0e0;border-radius: 5%;}
.jilu{width: 140px;margin: 0 auto;padding-top: 20px;color: #838383;font-size: 20px}
</style>
<!-- 头部 -->
<div class="top-1">
    <a onclick="mview.view.load('/Views/Home/main.html')">
        <img src="../../Images/img/jiantou.png" class="img1">
    </a>
    <span>闪兑</span>
</div>
<div class="top-2">
    <div class="ckhl">参考汇率</div>
    <b>1BTC=29.97172467ETH</b>
</div>
<!-- 兑换内容 -->
<div class="content">
    <div class="content1-1">
        <div class="content-1"><img src="../../Images/img/b-biaozhi.png" class="img2"><select class="select-1" style="background:white">
            <option value="BTC">BTC</option>
            </select>
            <div class="xian"></div>
            <input class="" value="输入金额" onfocus='if(this.value=="输入金额"){this.value="";};' onblur='if(this.value==""){this.value="输入金额";};'>
        </div>
    </div>
    <img src="../../Images/img/huhuan.png" class="img3">
    <div class="content-1"><img src="../../Images/img/lin.png" class="img2"><select class="select-1" style="background:white">
            <option value="ETH">ETH</option>
        </select>
        <div class="xian"></div>
        <input class="" value="可兑换金额" onfocus='if(this.value=="可兑换金额"){this.value="";};' onblur='if(this.value==""){this.value="可兑换金额";};'>
    </div>
    <div class="img-jdt">
        <div class="jindu">
            <img src="../../Images/Icons/xiaodian1.png" class="ig">
            <img src="../../Images/Icons/xiaodain2.png" class="ig1">
            <img src="../../Images/Icons/xiaodain3.png" class="ig2">
            <img src="../../Images/Icons/xiaodain4.png" class="ig3">
            <img src="../../Images/Icons/xiaodain5.png" class="ig4">
            <img src="../../Images/img/jindutiao.png" class="img-jdt1">
        </div>
        <div class="duihuan1"><div>0</div><div>100%</div></div>
    </div>
    <div class="duihuan">兑换</div>
</div>
<!-- 兑换历史 -->
<div class="lishi">兑换历史</div>
<div class="content1-2">
    <div class="jilu">暂无兑换记录</div>
</div>
<div class="foter-1"></div>
<script type="text/javascript">
    var pagedata = {
        request: {
            method: "VIEW_HOME_MAIN",
            linkroot: true
        },
        screen: {
            header_display: false,
            footer_choose: "home"
        },
        data: {
        },
        methods: {

        }
    }
    mview.view.chlid.init(pagedata);
</script>